<template>
  <div class="page-loadmore-wrapper" ref="wrapper" :style="{height:wrapperHeight+'px'}">
    <mt-loadmore
      :topDistance="700"
      :bottomDistance="700"
      :topPullText="null"
      :bottomPullText="null"
      :top-method="loadTop"
      :bottom-method="loadBottom"
      :bottom-all-loaded="allLoaded"
      :auto-fill="false"
      ref="loadmore"
    >
      <slot></slot>
    </mt-loadmore>
  </div>
</template>

<script>
export default {
  data() {
    return {
      wrapperHeight: 0,
      allLoaded:false
    };
  },
  methods: {
    loadTop() {},
    loadBottom() {}
  },
  mounted(){
      this.wrapperHeight = document.documentElement.clientHeight-this.$refs.wrapper.getBoundingClientRect().top;
     
  }
};
</script>

<style scoped lang="stylus">
.page-loadmore-wrapper{
   overflow scroll
   -webkit-overflow-scrolling touch
   &::-webkit-scrollbar{
      display none
   }
}
   
</style>